<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>乔家大院</title>
    <!--引入css文件-->
    <script src="jquery-3.3.1.min.js"></script>
    <script src="layui/layui.all.js"></script>
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
    <script src="index01.js"></script>
    <link rel="stylesheet" href="index01.css">
    <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
    <div id="firstPage">

        <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><a href=""><img src="images/lunbo1.png" alt=""></a></div>
            <div class="swiper-slide"a><img src="images/lunbo2.png" alt=""></div>
            <div class="swiper-slide"a><img src="images/lunbo3.png" alt=""></div>
            <div class="swiper-slide"a><img src="images/lunbo4.png" alt=""></div>
            <div class="swiper-slide"a><img src="images/lunbo1.png" alt=""></div>
            <div class="swiper-slide"a><img src="images/lunbo2.png" alt=""></div>
            <div class="swiper-slide"a><img src="images/lunbo3.png" alt=""></div>
            <div class="swiper-slide"a><img src="images/lunbo4.png" alt=""></div>
            <div class="swiper-slide"a><img src="images/lunbo1.png" alt=""></div>
            <div class="swiper-slide"><a href=""><img src="images/lunbo2.png" alt=""></a></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next yanse"></div>
        <div class="swiper-button-prev yanse"></div>
        </div>
        <a href="../乔家大院第二屏/index02.html" id="linka" class="layui-anim-scale">走进乔家大院</a>
    </div>

</body>
</html>